<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body class="my df fdcolumn">
    <main class="f1 over-y">
        <div class="swiper rel over">
            <div class="swiper-wrapper">
                <div class="swiper-slide bg1">
                </div>
                <div class="swiper-slide bg2">
                </div>
                <div class="swiper-slide bg3">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <div class="container title">
            <div class="user-msg df jsb acenter " id="userMsg">
                <div class="user-box df jsb acenter">
                    <p class="rel br50 user-img">
                        <img src="../../assets/imgs/cat.jpg" alt="" id="imgUrl" class="br50">
                        <i class="iconfont icon-VIP abs" id="member"></i>
                    </p>
                    <span id="nickName" class="user-name f22">用户名</span>
                </div>
                <i class="iconfont icon-xiangyou1 f22" id="changeInfo"></i>
            </div>
            <p class="mt20 text f18">个性签名: <span id="sign">XXXXXXXXXXXXXXXXXXXXXXXXXX</span> </p>
        </div>
        <!--  -->
        <div class="container dynamic df jsb acenter mt20">
            <p class="df acenter title-item">
                <i class="iconfont icon-kaoqindaqia"></i>
                <span>累计打卡 <b class="clock-count f22" id="clockCount">--</b>天</span>
            </p>
            <p class="circles-count">
                <span id="clockInBtn" class="f18 clock-in br20 tcenter f20"></span>
            </p>
        </div>
        <!-- 个人动态 -->
        <div class="container dynamic df jsb acenter mt20">
            <p class="df acenter title-item">
                <i class="iconfont icon-shuju"></i>
                <span>个人动态</span>
            </p>
            <p class="circles-count df acenter">
                <span id="circlesCount" class="f16">10条</span>
                <i class="iconfont icon-xiangyou1"></i>
            </p>
        </div>
        <!-- 运动数据 -->
        <div class="container mt20">
            <div class="sport-title df jsb" id="sportData">
                <div class="sport">
                    <i class="iconfont icon-shuju1 f22"></i>
                    <span class="f18">运动数据</span>
                </div>
                <i class="iconfont icon-xiangyou1 f20"></i>
            </div>

            <div class="sport-contet df jcenter">
                <div class="sport-time f1">
                    <h1 class="f16">总运动</h1>
                    <p><span id="duration">99999</span>分钟</p>
                </div>
                <div class="calorie  f1">
                    <h1 class="f16">本周消耗</h1>
                    <p><span id="calorie">99999</span>千卡</p>
                </div>
            </div>
        </div>
        <!-- 运动徽章 -->
        <div class="container mt20">
            <div class="badge-title ">
                <div class="sport-title df jsb" id="go2Badges">
                    <div class="sport">
                        <i class="iconfont icon-badge-full f22"></i>
                        <span class="f18">我的运动徽章</span>
                    </div>
                    <i class="iconfont icon-xiangyou1 f20"></i>
                </div>
            </div>
            <div class="badge df jsa">
                <div class="badge1 br50"></div>
                <div class="badge2 br50"></div>
                <div class="badge3 br50"></div>
            </div>
        </div>
        <!-- 退出 -->
        <div class="container mt20">
            <p class="btn tcenter f18" id="exitBtn">退出登录</p>
        </div>
    </main>
</body>

</html>